<template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">
  <div class="text-center">
    <v-dialog
            v-model="dialog"
            width="500"
    >
      <template v-slot:activator="{ on, attrs }">
        <v-btn
                color="red lighten-2"
                dark
                v-bind="attrs"
                v-on="on"
        >
          点我了解更多
        </v-btn>
      </template>

      <v-card>
        <v-card-title class="headline grey lighten-2">
          关于我们
        </v-card-title>

        <v-card-text>
          啊实打实
        </v-card-text>

        <v-divider></v-divider>

        <v-card-actions>
          <v-spacer></v-spacer>
          <v-btn
                  color="primary"
                  text
                  @click="dialog = false"
          >
            知道了啊实打实
          </v-btn>
        </v-card-actions>
      </v-card>
    </v-dialog>
  </div>
</template>

<script>
  export default {
    name: "Dialog",

    data () {
      return {
        dialog: false,
      }
    },
  }
</script>

<style scoped>

</style>